@media screen and (min-width:1000px){
    .top_w {width: 1000px;}
    .header_w{width:1000px;}
    .mod_little_login{margin-left:-125px;}
    .about_us_w{width:1000px;}
    .about_us_bottom{width:1000px;}
}
@media screen and (max-width:1000px){
    .top_w {width:100%;}
    .header_w{width:100%;}
    .mod_little_login{margin-left:0px;}
    .about_us_w{width:100%;}
    .about_us_bottom{width:100%;}
}
.login_container{
    width:100%;
    background-color:#dfe0e1;
}
/*顶部条*/
.top_bar{
    height:30px;
    background-color: #333;
}
.top_w {
    margin: 0 auto;
/*    width: 1000px;*/
    height: 30px;
    line-height: 30px;
}
.top_bar_left{
    font-size:0;
}
.top_bar_right{
    float:right;
}
.top_bar_a{
    display: inline-block;
    border-right:1px solid #474747 ;
    color: #eaeaea;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding:0 10px;
}
.top_bar_a_noborder{
    display: inline-block;
    color: #eaeaea;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    padding:0;
    margin-right:15px;
}
.top_bar a:hover{
    text-decoration: underline;
}
/*logo 与 400电话*/
.header{
    background-color: #fff;
    height:72px;
    overflow: hidden;
}
.header_w{
/*    width:1000px;*/
    height:72px;
    margin: 0 auto;
}
.header_left{
    display: inline-block;
    background: url(../images/spring.png) no-repeat 0 8px #fff;
    height:72px;
    width:300px;
}
.header_right{
    float:right;
    height:57px;
    width:160px;
    background: url(../images/spring.png) no-repeat -254px -60px #fff;
    line-height: 24px;
    padding-left: 52px;
    padding-top:15px;
}
.header_right strong {
    display: block;
    font: 900 20px/28px "微软雅黑";
    color: #59595b;
}
.header_right em{
    color: #b8bfc7;
}
/*banner 与登录*/
.youku_login{
    position:relative;
    width:100%;
    height:400px;

}
/*优酷支付登录 https://zhifu.youku.com/*/
.youku_login_w_bg{
    display: inline-block;
    height:400px;
    width:100%;
    background: url("../images/youku_login_bg.jpg") no-repeat center top;
}
.mod_little_login{
    position:absolute;
    width:280px;
    height:274px;
    padding:20px 30px 30px;
    background-color: #fff;
    color:black;
    left:50%;
    top:22px;
/*    margin-left:-125px ;*/
}
.mod_little_login_w{
    position:relative;
    height:274px;
}
/*二维码登录按钮*/
.qr_btn{

}
/*标题*/
.mod_little_login_header{
    position:relative;;
    height:35px;

}
.mod_little_login_title{
    font-size:18px;
    line-height: 18px;
    color:#333;
}
.mod_little_login_type{
    display:block;
    position:absolute;
    height:20px;
    line-height:20px;
    font-size:12px;
    right:0;
    top:0;
    cursor:pointer;
}
.mod_little_login_type span:hover{
    color:#04a7e1;
}
/*警告提示框*/
.err_content{
    position:absolute;
    top:28px;
    width:280px;
    height:19px;
    line-height: 19px;
    background-color:rgba(0,0,0,0);
}
.err_option{
    line-height: 17px;
    color:red;
    font-size: 17px;
}
.err_message{
    position:absolute;
    left:25px;
    top:-2px;
    width:250px;
    height:19px;
    line-height: 19px;
    color:red;
    background-color:rgba(0,0,0,0);
    overflow: hidden;
}
/*账户密码登陆  或者 手机登陆*/
.mod_little_login_body{
    margin-top:12px;
}
.mod_little_login_form{
    position:relative;
    height:176px;
}
/*账号*/
.mod_little_login_button{
    width:235px;
    height:20px;
    padding:9px 8px 9px 35px;
    border: 1px solid #c9c9c9;
}
.icon-account{
    position:absolute;
    display: block;
    width:20px;
    height:20px;
    left:10px;
    top:13px;
}
.icon-password_logo{
    position:absolute;
    display: block;
    width:20px;
    height:20px;
    left:10px;
    top:66px;
}
.icon-more_unfold{
    position:absolute;
    top:13px;
}
.icon-less{
    position:absolute;
    top:13px;
}
.code_country{
    position:absolute;
    width:59px;
    height:38px;
    top:-1px;
    padding:1px 0 1px 1px;
}
.code_country_left{
    width:40px;
    height:38px;
    border:1px solid #c9c9c9;
}
.code_country_right{
    position:absolute;
    top:1px;
    width:18px;
    height:38px;
    left:38px;
    background-color: #ffffff;
    z-index: 5;
    border: solid #c9c9c9;
    border-width:1px 1px 1px 0 ;
}
.mod_little_login_phone_button{
    position:absolute;
    width:200px;
    height:20px;
    right:0;
    top:0;
    padding:9px 8px;
    border: 1px solid #c9c9c9;
}

/*密码*/
.mod_little_login_body_password{
    width:180px;
    height:40px;
    margin-top:12px;
}
.mod_little_login_dynamic_password{
    position:absolute;
    left:0;
    top:40px;
    width:144px;
    height:20px;
    margin-top:12px;
    padding:9px 8px;
    border: 1px solid #c9c9c9;
}
.get_code{
    position:absolute;
    right:0;
    top:40px;
    height:40px;
    margin-top:12px;
    width:110px;
    background-color: #04a7e1;
    opacity: 1;
    color:#ffffff;
    font-size:12px;
    transition: opacity .2s;
}
.get_code:hover{
    opacity: 0.8;
}
/*国家包括*/
.country_container{
    position:absolute;
    width:279px;
    height:148px;
    top:42px;
    border:1px solid #c9c9c9;
    background-color: #ffffff;
    z-index: 5;
}
/*session 记住我*/
.mod_little_login_remember{
    width:280px;
    height:14px;
    margin-top:10px;
    line-height: 14px;
    font-size: 12px;
}
.mod_little_login_remember_a{
    display: block;
    float:right;
    color:#333 !important;
}
.mod_little_login_remember_span{
    display: block;
    float:right;
    color:#333 !important;
}
.mod_little_login_remember_a:hover{
    color: #04a7e1 !important;
}
/*登录按钮效果*/
.mod_little_login_submit{
    position:absolute;
    width:100%;
    height:40px;
    bottom:0;
    background-color: #04a7e1;
    opacity: 1;
    color:#ffffff;
    font-size:15px;
    transition: opacity .2s;
}
.mod_little_login_submit:hover{
    opacity: 0.8;
}
/*其他方式 底部*/
.mod_little_login_foot{
    position:relative;
    width:280px;
    height:31px;
    margin-top:20px;
    background-color:#ffffff;
    text-align: right;
}
.mod_little_login_foot_a{
    position:absolute;
    top:3px;
    right:0;
}
.mod_little_login_font_third_type{
    position:absolute;
    width:200px;
    height:31px;
    left:0;
    top:2px;
}
.mod_little_login_font_third_type_w{
    position:absolute;
    width:200px;
    height:31px;
    left:60px;
    top:-2px;
}
.third_type_link{
    display: block;
    float:left;
    width:26px;
    height:26px;
    margin:0 10px 5px 0;
    background-color: #fff;
}
.third_type_link_icon{
    display: block;
    width:26px;
    height:26px;
    background: url("../images/icons.png") no-repeat;
}
.third_type_link_qq{
    background-position:0 -179px;
}
.third_type_link_weibo{
    background-position:-26px -179px;
}
.third_type_link_zhifubao{
    background-position:-78px -179px;
}
.third_type_link_taobao{
    background-position:-104px -179px;
}
.third_type_link_weixin{
    background-position:-52px -179px;
}



/*关于我们*/

.about_us{
    background-color: #fff;
    height:340px;
}
.about_us_w{
/*    width:1000px;*/
    margin: 0 auto;
    height:340px;
    overflow: hidden;
}

.about_us_img{
    height:205px;
    background:url("../images/sm.png") no-repeat center 60px;
}
.about_us_bottom{
    border-top: #e9e9e9 1px solid;
    height:105px;
    padding-top: 36px;
    text-align: left;
/*    width:1000px;*/
}
.about_us_bottom dl{
    position:relative;
    line-height: 32px;
    font-size: 16px;
    color: #2f2f2f;
}
.about_us_bottom .dl_1{
    overflow: hidden;
    width:310px;
    padding-left:45px;
    float:left;
}
.about_us_bottom .dl_2{
    overflow: hidden;
    width:345px;
    float:left;
}
.about_us_bottom .dl_3{
    overflow: hidden;
    width:220px;
    float:left;
}
.about_us_bottom dt{
    padding-left:50px;
}
.dl_2 dt{
    padding-left:95px;
}
.dl_3 dt{
    padding-left:95px;
}
.dl_1 dd{padding-left:50px;}
.dl_2 dd{padding-left:95px;}
.dl_3 dd{padding-left:95px;}
.about_us_bottom dd{
    font-size: 14px;
    line-height:18px;
    color:#e3e1df;
}
.about_us_bottom dd a{
    color:#a1a1a1;

}
.about_us_bottom dd a:hover{
    text-decoration:underline;
    color:#666;
}
.dtIcon {
    display: inline-block;
    width: 50px;
    height: 44px;
    position: absolute;
    top: 5px;
    left: 45px;
    background: url(../images/spring.png) no-repeat -999px -999px;
}
.dtIcon_1{background-position: -254px -144px;}
.dtIcon_3{background-position: -254px -204px;}
.dtIcon_2{background-position: -253px -265px;}

/*注脚*/

.footer{
    overflow: hidden;
    height:60px;
    padding:30px 0;
    border-top: 1px solid #e9e9e9;
    background-color:#f5f5f5;
}
.footer_w{
    width:1000px;
    margin: 0 auto;
}
.footer_1,.footer_2{
    float:left;
    position: relative;
    width:200px;
    height:60px;
    padding-left:125px;
    border-right: 1px solid #e3e3e3;
    background: url("../images/ft-spring.png") no-repeat;
}
.footer_1{
     background-position:65px 4px; ;
 }
.footer_2{
    height:60px;
    line-height: 30px;
    background-position: 65px -55px;;
}
.footer_3{
    float:left;
    width:280px;
    height:60px;
    padding-left:68px;
    line-height: 20px;
}
.footer dl dt{
    height:28px;
}
.footer dl dd{
    font-size: 12px;
    margin-top: 5px;
    height:25px;
    color:#a1a1a1;
}
.online_ser{
    position:absolute;
    top:0;
    text-align: center;
    width:100px;
    height:30px;
    line-height: 30px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14px;
    border:1px solid #CCC;
    color:black;
}
.online_ser:hover{
    background-color:#f5f5f5;
}